import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_share/apis/user.dart';
import 'package:flutter_share/utils/Emitter.dart';
import 'package:flutter_share/utils/toast.dart';
import 'package:flutter_share/utils/token_manager.dart';

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
// 倒计时初始值，单位为秒
  int countDown = 60;
  // 定时器对象，用于倒计时
  Timer? timer;
  // 是否正在倒计时
  bool isCountingDown = false;

  // 手机号输入框控制器
  final phoneNumController = TextEditingController();
  // 验证码输入框控制器
  final codeNumController = TextEditingController();

  // 手机号正则
  final phoneRegex = RegExp(r'^1[3-9]\d{9}$');
  //验证码正则
  final codeRegex = RegExp(r'^\d{6}$');

  /// 登录方法
  _login() async {
    try {
      final phone = phoneNumController.text;
      final code = codeNumController.text;

      if (phone.isEmpty || code.isEmpty) {
        PromptAction.showInfo("手机号或验证码不能为空！");
        return;
      } else if (!phoneRegex.hasMatch(phone) || !codeRegex.hasMatch(code)) {
        PromptAction.showInfo("手机号或验证码格式不正确！");
        return;
      }
      // 调用接口登录
      final res = await UserApi.login(phone, code);
      print('login接口返回: $res');
      // 保存token
      tokenManager.setToken(res['token'], res['refreshToken']);
      PromptAction.showSuccess("登录成功");
      eventBus.fire(GetUserInfoEvent());
      if (mounted) {
        Navigator.pop(context);
      }
    } catch (e, stack) {
      print('登录异常: $e');
      print('堆栈: $stack');
      PromptAction.showError('登录失败: $e');
    }
  }

  // 启动倒计时方法
  _startCountdown() {
    // 如果正在倒计时，则不进行倒计时
    if (isCountingDown) {
      return;
    }
    isCountingDown = true; // 标记为正在倒计时
    // 每隔1秒执行一次
    timer = Timer.periodic(const Duration(seconds: 1), (timer) {
      setState(() {
        countDown--; // 每秒减1
        // 如果倒计时结束
        if (countDown < 0) {
          timer.cancel(); // 取消定时器
          countDown = 60; // 重置倒计时
          isCountingDown = false; // 标记为未在倒计时
        }
      });
    });
  }

  @override
  void dispose() {
    super.dispose();
    // 退出页面时清理定时器
    timer?.cancel();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        title: const Text('登录'),
        backgroundColor: Colors.transparent,
        centerTitle: true,
      ),
      body: Container(
        padding: const EdgeInsets.all(20),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            const Row(
              children: [
                Text(
                  '登录',
                  style: TextStyle(
                    fontSize: 25,
                    fontWeight: FontWeight.bold,
                  ),
                )
              ],
            ),
            const SizedBox(height: 10),
            const Row(
              children: [
                Text(
                  '加入享+, 让生活更轻松',
                  style: TextStyle(fontSize: 15),
                )
              ],
            ),
            const SizedBox(height: 30),
            Row(
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Expanded(
                  child: TextField(
                    controller: phoneNumController, // 绑定手机号输入框控制器
                    keyboardType: TextInputType.phone, // 设置键盘类型为手机号
                    maxLength: 11, // 设置最大长度为11
                    decoration: const InputDecoration(
                      labelText: '手机号',
                      hintText: '请输入手机号',
                    ),
                  ),
                ),
                ElevatedButton(
                  style: ElevatedButton.styleFrom(
                    backgroundColor: Colors.white,
                    shadowColor: Colors.transparent,
                    foregroundColor: const Color.fromARGB(255, 85, 145, 175),
                    minimumSize: const Size(100, 50),
                  ),
                  onPressed: () async {
                    // 获取手机号
                    final phone = phoneNumController.text;
                    // 判断手机号是否为空
                    if (phone.isEmpty) {
                      // 提示用户输入手机号
                      PromptAction.showError('手机号不能为空');
                      return;
                    }
                    // 正则校验手机号是否合法
                    // /^1[3-9]\d{9}$/
                    else if (!RegExp(r'^1[3-9]\d{9}$').hasMatch(phone)) {
                      // 提示用户输入正确的手机号
                      PromptAction.showError('手机号格式不正确');
                      return;
                    }

                    // 调用接口发送验证码
                    final res = await UserApi.sendCode(phone);
                    // 延迟2秒后设置验证码
                    Future.delayed(const Duration(seconds: 2), () {
                      // 为了测试方便，填充验证码（正式上线的时候需要删除）
                      codeNumController.text = res['code'].toString(); // 转换为字符串
                    });
                    // 获取验证码，开启倒计时
                    _startCountdown();
                  },
                  child: Text(isCountingDown ? '$countDown秒后重新获取' : '获取验证码'),
                ),
              ],
            ),
            const SizedBox(height: 8),
            TextField(
              controller: codeNumController,
              decoration: const InputDecoration(
                labelText: '验证码',
                hintText: '请输入6位验证码',
              ),
            ),
            const SizedBox(height: 8),
            const Row(
              children: [
                Text(
                  '未注册手机号经验证后将自动登录',
                  style: TextStyle(fontSize: 12, color: Colors.grey),
                ),
              ],
            ),
            const SizedBox(height: 50),
            Row(
              children: [
                Expanded(
                  child: ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      backgroundColor: const Color.fromARGB(255, 85, 145, 175),
                      minimumSize: const Size(100, 50),
                    ),
                    onPressed: () {
                      _login();
                    },
                    child: const Text(
                      '登录',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 20,
                      ),
                    ),
                  ),
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}
